@charset "UTF-8";
/**
 *
 * @authors Your Name (you@example.org)
 * @date    2018-06-14 15:47:10
 * @version $Id$
 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td,span,em,b,i{margin:0;padding:0;font:normal 16px/1 "微软雅黑","Microsoft YaHei";}
html {overflow-y: scroll;}
html.noscroll{ overflow: hidden;}
ul,ol,li{list-style:none}
.tl{ text-align: left}
.tc{ text-align: center}
.tr{ text-align: right}
.fl{float:left}
.fr{float:right}
.hiddeny{overflow-y:hidden;}
a{color:#000; text-decoration:none;}
.block{ display: block;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
dl.inline dt,dl.inline dd,.inline li{float:left}
a,button,input,div{ outline:none}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{clear:both}
.cc{display: flex;justify-content: center;align-items: center}
.page {padding: 25px 0;border-radius: 4px;clear: both;text-align: center;}
.page div {display: inline-block;}
.page a, .page span {position: relative;float: left;padding: 12px 20px;margin-left: -1px;line-height: 1.42857143;color: #1963aa;text-decoration: none;background-color: #fff;border: 1px solid #ddd;font-size: 18px;}
.page .current {background-color: #1963aa;border: 1px solid #1963aa;color: #fff;}
.page a:first-child, .page span:first-child {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.page a:last-child, .page span:last-child {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#096ab6;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs2{background-image:url(../img/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../img/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../img/right_pic1.png)}
.side ul li i.bgs6{background-image:url(../img/right_pic6_on.png)}
.side ul li:hover i.bgs2{background-image:url(../img/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../img/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../img/right_pic1_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#096ab6;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;position:absolute;left:-240px;top:0;}
.side ul li.sideewm .ewBox.son img{width: 100%;height: 100%}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#096ab6}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../img/right_pic8.png) 28px center no-repeat;background-color:#096ab6}
.side ul li.sideetel .telBox dd.bgs2{background:url(../img/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
    to{opacity:1}
}